@import "~assets/styles/_bootstrap";

html, body {
	height: 100%;
	background: #F6F6F9;
}

#user_help {
  height: 100%;
  background: #F6F6F9;
}

.help_list {
	width: 100%;
	min-height: 10px;
  margin-top: rem(10px);
  background-color: #FFF;

	> li {
		width: 100%;
		height: rem(50px);
    line-height: rem(50px);
    color: #333;
    font-size: rem(14px);
    padding: 0 rem(15px);
    border-bottom: 1px solid #dedede;

    > a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;

      > b {
        display: inline-block;
        width: rem(30px);
        height: rem(50px);
        margin-right: rem(10px);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px auto;
      }

      > span {
        display: inline-block;
        vertical-align: top;
      }

      > i {
        position: absolute;
        right: rem(20px);
        top: rem(18px);
        display: inline-block;
        width: rem(12px);
        height: rem(12px);
        content: '';
        border-top: 1px solid #a9a9a9;
        border-right: 1px solid #a9a9a9;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
      }
    }

    &:nth-child(1) {
      b{
        background-image: url(~assets/images/icon/icon_custom.png);
      }
    }

    &:nth-child(2) {
      b{
        background-image: url(~assets/images/icon/icon_honor.png);
      }
    }

    &:nth-child(3) {
      b{
        background-image: url(~assets/images/icon/icon_parterner.png);
      }
    }

    &:nth-child(4) {
      b{
        background-image: url(~assets/images/icon/icon_media.png);
      }
    }
	}
}